Linux webm002.cluster126.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64
/
home
/
ariannadhf
/
www
/
wp-content
/
themes
/
florence
/
/home/ariannadhf/www/wp-content/themes/florence/style.css
/* Theme Name: Florence Theme URI: https://solopine.com/themes Description: A WordPress Blog Theme Author: Solo Pine Designs Author URI: https://solopine.com Version: 1.5.2 Text Domain: florence License: Themeforest Licence License URI: https://themeforest.net/licenses */ /* -------------------------------------- */ /* CSS Index /* -------------------------------------- */ /* 01 - Global Reset /* 02 - General Styles /* 03 - Structure /* 04 - Top Bar /* 05 - Header /* 06 - Posts /* 07 - Grid Posts /* 08 - List Posts /* 09 - Pagination /* 10 - Sidebar /* 11 - Footer /* 12 - Archive /* 13 - MISC /* 14 - Slicknav Mobile Menu /* 15 - WooCommerce /* 16 - Gutenberg Styling /* -------------------------------------- */ /* -------------------------------------- */ /* 01. Global Reset /* -------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ strong, b, strong *, b * { font-weight: bold; } em, i, em *, i * { font-style: italic; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { overflow-x: hidden; } /**/ /* -------------------------------------- */ /* 02. General Styles /* -------------------------------------- */ body { background:#f5f5f5; font-family:"Open Sans", sans-serif; font-size:17px; color:#161616; } p, table { font-family:"Crimson Text", serif; line-height:25px; } a { text-decoration:none; color:#EF9D87; } h1,h2,h3,h4,h5,h6 { font-family:"Oswald", sans-serif; } /* -------------------------------------- */ /* 03. Structure /* -------------------------------------- */ .container { width:1080px; margin:0 auto; } .container:after { content: ''; display: table; clear: both; } #main { width:740px; float:left; margin-right:40px; } #main.fullwidth { width:100%; } #sidebar { width:300px; float:right; } /* -------------------------------------- */ /* 04. Top Bar /* -------------------------------------- */ #top-bar { background:#fff; height:50px; position:fixed; width:100%; z-index:9999; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -webkit-backface-visibility: hidden; } #top-bar .container { position:relative; } .slicknav_menu { display:none; } /*** /* Menu /********************/ .menu { float:left; } .menu li { display:inline-block; margin-right:26px; position:relative; } .menu li a { font-size:11px; text-transform:uppercase; letter-spacing:1px; line-height:50px; color:#777; display:block; font-family:"open sans"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .menu li.current-menu-item > a, .menu li.current_page_item > a, .menu li a:hover { color:#EF9D87; } .menu li.menu-item-has-children > a:after { font-family: FontAwesome; content: "\f107"; margin-left:6px; color:#888; font-size:10px; } /* Dropdown */ .menu .sub-menu, .menu .children { background-color: #fff; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding:6px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #f4f4f4; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#EF9D87; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } /*** /* Top Social /********************/ #top-social { position:absolute; right:66px; top:0; } #top-social a { line-height:50px; font-size:14px; color:#c2c2c2; margin-left:8px; } #top-social a:hover { color:#EF9D87; } /*** /* Header Search /********************/ #top-search { position:absolute; right:0; top:0; width:50px; text-align:center; margin-left:16px; } #top-search a { height:50px; font-size:14px; line-height:50px; color:#fff; background:#EF9D87; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search a:hover { opacity:.75; } .show-search { position:absolute; top:50px; right:-1px; display:none; z-index:10000; } .show-search #searchform input#s { width:190px; background:#FFF; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); border:1px solid #eee; } .show-search #searchform input#s:focus { border:1px solid #ddd; } /* -------------------------------------- */ /* 05. Header /* -------------------------------------- */ #header { padding-top:50px; } #logo { text-align:center; padding:60px 0 50px; } #logo img { max-width:100%; height:auto; } /* -------------------------------------- */ /* 06. Posts /* -------------------------------------- */ .post, #main > .page { background:#fff; margin-bottom:50px; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); } .post-img { text-align:center; } .post-img img { max-width:100%; height:auto; } .post-img.audio iframe { height:166px; width:100%; } .post-header { padding:20px 30px 24px; text-align:center; } .post-header h2 a, .post-header h1 { font-size:24px; text-transform:uppercase; letter-spacing:2px; color:#000; font-family:"oswald"; font-weight:400; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-header h2 a:hover { opacity:.6; } .page .post-header h1 { margin-top:5px; } .post-header .cat a { text-transform:uppercase; font-weight:700; font-size:11px; letter-spacing:1px; display:inline-block; margin-bottom:8px; } .post-header .cat a:hover { text-decoration:underline; } /*** Post Entry ***/ .post-entry { padding:0 30px; margin-bottom:10px; } #main.fullwidth.narrow .post-entry { max-width:800px; margin-left:auto; margin-right:auto; padding:0; } .more-link { text-align:center; display:block; } .more-button { border:1px solid #e9e9e9; text-transform:uppercase; letter-spacing:2px; font-size:11px; padding:7px 16px 8px; display:inline-block; margin-top:12px; font-family:"Open Sans", sans-serif; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .more-button:hover { background:#EF9D87; color:#fff; border:1px solid; border-color:#EF9D87; } .post-entry img { max-width:100%; height:auto; } .post-entry a:hover { text-decoration:underline; } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:400; } .post-entry h1 { font-size:27px; } .post-entry h2 { font-size:24px; } .post-entry h3 { font-size:21px; } .post-entry h4 { font-size:19px; } .post-entry h5 { font-size:17px; } .post-entry h6 { font-size:15px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote { border-left:3px solid; border-color:#EF9D87; } .post-entry blockquote p { padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; font-family:"Crimson Text", serif; } .post-entry ul li { margin-bottom:12px; list-style:disc; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { } .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:16px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } .post-meta { padding:0 30px 30px; overflow:hidden; clear:both; } .post-meta .meta-info { font-style:italic; color:#a5a5a5; margin-right:8px; font-family:"Crimson Text", serif; float:left; margin-top:6px; font-size:15px; } .post-share { float:right; font-size:12px; } .post-share a i { border:1px solid #e8e8e8; width:22px; height:22px; text-align:center; line-height:23px; border-radius:50%; margin-left:3px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .post-share a i:hover { background:#EF9D87; color:#fff; border:1px solid #EF9D87; } /*** Post Author ***/ .post-author { padding:30px; overflow:hidden; border-top:1px solid #eee; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content { overflow:hidden; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } .author-content a.author-social:hover { color:#EF9D87; } /*** Post Pagination ***/ .post-pagination { border-top:1px solid #eee; overflow:hidden; } .post-pagination a { font-size:10px; padding:15px 30px; display:block; color:#aaa; letter-spacing:1px; text-transform:uppercase; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-pagination .pagi-prev { float:left; width:50%; } .post-pagination .pagi-next { float:right; width:50%; text-align:right; } .post-pagination a:hover { background:#EF9D87; color:#fff; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:-15px; padding-bottom:20px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:1px 6px 2px 8px; margin-right:7px; border-radius:3px; margin-bottom:5px; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-tags a:hover { background:#ddd; color:#666; text-decoration:none; } /*** Post Related ***/ .post-related { background:#fff; padding:22px 30px; margin-top:-15px; margin-bottom:50px; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); overflow:hidden; } .block-heading { text-align:center; font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:22px; color:#000; display:block; } .item-related { width:212px; margin-right:22px; float:left; } .fullwidth .item-related { width:320px; margin-right:30px; } .item-related:last-child, .fullwidth .item-related:last-child { margin-right:0; } .item-related img { max-width:100%; height:auto; margin-bottom:3px; } .item-related h3 a { font-size:11px; text-transform:uppercase; letter-spacing:2px; color:#000; } .item-related h3 a:hover { text-decoration:underline; } .item-related h3 { margin-bottom:-1px; } .item-related span.date { font-size:11px; font-style:italic; color:#999; } /*** Comments ***/ .post-comments { background:#fff; padding:22px 30px 1px; margin-top:-15px; margin-bottom:50px; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); } .thecomment { border-bottom:1px dotted #eee; padding-bottom:34px; margin-bottom:34px; } .thecomment .author-img { float:left; margin-right:25px; } .thecomment .author-img img { border-radius:50%; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { display:block; font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#000; font-family:"Oswald"; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } .thecomment .comment-text span.date { font-size:11px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .post-comments span.reply a { float:right; font-size:10px; background-color:#ccc; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { overflow:hidden; margin-bottom:20px; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:20px; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #respond input[type="checkbox"] { width:auto; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Open Sans", sans-serif; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } #respond .comment-form-cookies-consent input[type="checkbox"] { width:auto; } #respond .comment-form-cookies-consent label { display:inline; width:100%; } /* -------------------------------------- */ /* 07. Grid posts /* -------------------------------------- */ .grid-layout { display:grid; grid-template-columns:1fr 1fr; grid-gap:30px; } #main.fullwidth .grid-layout { grid-template-columns:1fr 1fr 1fr; } .grid-item { margin-bottom:0; } .grid-item .post-header { padding:12px 30px 18px; } .grid-item .post-header h2 a { font-size:18px; } .grid-item .post-entry p { margin-bottom:2px; } .grid-item .post-meta { padding:0 30px 20px; } /* -------------------------------------- */ /* 08. Lists posts /* -------------------------------------- */ .list-item { overflow:hidden; } .list-item.post { margin-bottom:30px; } .list-item .post-img { float:left; margin-right:20px; } .list-item .post-img img { max-width:250px; vertical-align:middle; } .list-item .list-content { overflow:hidden; margin-top:14px; padding-right:18px; } .list-item .post-header { text-align:left; padding:0; margin-bottom:8px; } .list-item .post-entry { padding:0; margin:0; } .list-item .post-entry p { margin:0 0 6px; } .list-item .post-meta { padding:0; } .list-item .post-header h2 a { font-size:18px; line-height:28px; } .list-item .post-header .cat a { margin-bottom:5px; } /* -------------------------------------- */ /* 09. Pagination /* -------------------------------------- */ .pagination { margin-bottom:20px; overflow:hidden; margin-top:30px; } .pagination a { padding: 14px 20px; display:inline-block; font-family:"Open Sans", sans-serif; letter-spacing:2px; text-transform:uppercase; font-size:11px; background:#fff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .pagination a:hover { text-decoration:none; color:#fff; background:#EF9D87; } .pagination .newer { float:left; } .pagination .older { float:right; } /* -------------------------------------- */ /* 10. Sidebar /* -------------------------------------- */ .widget { margin-bottom:40px; } .widget img { max-width:100%; height:auto; } .widget-heading { overflow: hidden; text-align: center; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:20px; color:#161616; } .widget-heading > span{ position: relative; display: inline-block; } .widget-heading > span:before, .widget-heading > span:after{ content: ""; position: absolute; top: 50%; border-bottom: 1px solid; border-color:#d8d8d8; width: 591px; margin: 0 14px; } .widget-heading > span:before{ right: 100%; } .widget-heading > span:after{ left: 100%; } .widget a:hover { text-decoration:underline; } .widget ul li { margin-bottom:7px; padding-bottom:7px; font-size:13px; border-bottom:1px dotted #d5d5d5; } .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .widget input, .widget select { border:1px solid #e5e5e5; color:#999; padding:9px 7px; width:100%; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } /*** About Widget ***/ .about-widget img { margin-bottom:8px; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#ef9d87; color:#fff; border-radius:50%; margin:0 2px 4px; font-size:14px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .widget-social a:hover { opacity:.8; } .widget-social a:hover > i { opacity:.8; } /** WIDGET ITEMS **/ /* Latest Post Widget **********/ .side-pop { margin-bottom:20px; } .side-pop:after { content: ""; display: table; clear: both; } .side-pop:last-child { margin-bottom:0; } .side-pop-img { margin-bottom:5px; position:relative; } .side-pop-content { text-align:center; } .side-pop-content h4 { margin-bottom:5px; } .side-pop-content h4 a { font-size:16px; color:#000; font-family:"Open Sans", sans-serif; } .side-pop.overlay .side-pop-content h4 a { font-weight:500; } .side-pop-content span.sp-date { color:#999; display:block; } .side-count { position: absolute; left: -8px; top: -8px; height: 38px; width: 38px; line-height: 38px; background-color: #ef9d87; border-radius: 100%; color: #fff; font-size: 16px; text-align: center; font-family: "Open Sans", sans-serif; } .side-pop.list .side-count { height: 28px; width: 28px; line-height: 28px; font-size:13px; } .side-pop .sp-date { font-size: 11px; font-family: "Open Sans", sans-serif; font-style: italic; color: #999; } /* ----- Overlay layout ----- */ .side-pop.overlay .side-pop-content { position:absolute; bottom:0; left:0; width:100%; background: -moz-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%); padding:80px 20px 15px; box-sizing:border-box; } .side-pop.overlay .side-pop-content h4 a { color:#fff; font-weight:500; } .side-pop.overlay .side-pop-content span.sp-date { color:#bbb; } .side-pop.overlay .side-pop-img { margin-bottom:0; } .side-pop.overlay .side-pop-img img { vertical-align:middle; } /* ----- Post List view ----- */ .side-pop.list { margin-bottom:24px; } .side-pop.list:last-child { margin-bottom:0; } .side-pop.list .side-pop-img { float:left; max-width:94px; margin-right:15px; margin-bottom:0; } .side-pop.list .side-pop-content { text-align:left; overflow:hidden; } .side-pop.list .side-pop-content h4 a { font-size:13px; color:#242424; } /** Instagram widget support **/ .instag ul.thumbnails > li, .jr-insta-thumb ul > li { width:32% !important; } .instag ul.thumbnails > li img:hover, .jr-insta-thumb ul > li img:hover { opacity:.8; } .instag ul li, .jr-insta-thumb ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Widget categories ***/ .widget_categories { color:#a5a5a5; } .widget_categories a { margin-right:10px; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-size:10px !important; letter-spacing:1px; text-transform:uppercase; background:#EF9D87; color:#fff; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .widget .tagcloud a:hover { opacity:.6; text-decoration:none; } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /*** Search Widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; box-sizing: border-box; } #searchform #s:focus { outline:none; } /** searchbar for widget ***/ .widget #searchform input#s { width:300px; } /* - Promo Widget ---- */ .promo-item { display: table; width:100%; height:130px; background-size: cover; background-repeat: no-repeat; background-position: center center; position:relative; } .promo-overlay { height: 100%; display: table-cell; vertical-align: middle; text-align:center; } .promo-overlay h4 { color:#000; line-height:1.5em; padding:8px 14px; font-size:11px; text-transform:uppercase; letter-spacing:2px; background:#ffffff; display:inline-block; font-weight:500; } .promo-link { position: absolute; height: 100%; width: 100%; top: 0; left:0; z-index: 999; display: block } /*** Mailchimp ***/ .widget_mc4wp_widget .widget-title { margin-bottom:0; } .mc4wp-form label { font-weight: 400 !important; margin-bottom: 12px !important; display:block; color: #444; font-size: 18px; font-style:italic; } .mc4wp-form { margin:0 !important; padding: 24px 24px 26px; background: #e3e3e3; text-align:center; } /* Custom CSS for Mailchimp widget */ .mc4wp-form input { box-sizing:border-box; margin-bottom:8px; padding:12px; } .mc4wp-form input:focus { outline:none; } .mc4wp-form input[type=submit] { background:#111; color:#fff; font-family:"Oswald"; text-transform:uppercase; letter-spacing:2.5px; font-size:12px; padding:10px; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mc4wp-form input[type=submit]:hover { opacity:.8; } .mc4wp-form input[type="checkbox"] { width:auto; } /* Mailchimp comments */ #respond .mc4wp-checkbox-comment_form label { width:auto; } #respond #mc4wp-checkbox input { margin-bottom:0; } /* -------------------------------------- */ /* 11. Footer /* -------------------------------------- */ #footer { margin-top:50px; background:#fff; clear:both; } #footer-instagram { text-align:center; overflow:hidden; background:#fff; clear:both; } #footer-instagram h4.block-heading { margin-bottom:30px; padding-top:30px; color:#000; } .widget-instagram .instag ul.thumbnails > li, .widget-instagram .jr-insta-thumb ul > li { width:12.5% !important; display:inline; float:left; margin-bottom:-6px; padding:0 !important; } .jr-insta-thumb .thumbnails { padding:0 !important; } /*** Footer Social ***/ #footer-social { padding:30px 0; background:#EF9D87; text-align:center; clear:both; } #footer-social a { margin:0 36px 0 0; color:#fff; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#fff; color:#EF9D87; border-radius:50%; margin-right:5px; font-size:14px; } #footer-social a:hover { text-decoration:none; opacity:.8; } #footer-social a:hover > i { opacity:.8; } /*** Footer Copyright ***/ #footer-copyright { padding:20px 0; font-size:11px; color:#999; background:#fff; overflow:hidden; clear:both; } #footer-copyright span.left { float:left; } #footer-copyright .to-top { float:right; font-size:10px; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#aaa; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } /* -------------------------------------- */ /* 12. Archive /* -------------------------------------- */ .archive-box { background:#fff; padding:18px; margin-bottom:30px; -webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); box-shadow: 0 5px 4px -4px rgba(190,190,190,.1); text-align:center; } .archive-box span { font-size:11px; font-style:italic; letter-spacing:1px; color:#999; margin-bottom:4px; display:inline-block; } .archive-box h1 { font-size:28px; letter-spacing:5px; padding-left:5px; text-transform:uppercase; } /* -------------------------------------- */ /* 13. Misc /* -------------------------------------- */ /*** 404 Error /************************/ .error-page { text-align:center; padding-top:50px; } .error-page h1 { font-size:190px; } .error-page p { color:#888; } /*** Contact Form 7 /************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#eee; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#666; letter-spacing:3px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#333; color:#fff; } /*** WordPress Core /************************/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* ----- Form Input Styling ----- */ input, select, textarea { border:1px solid #ddd; color:#888; padding:9px 10px; box-sizing:border-box; } input:focus, select:focus, textarea:focus { border:1px solid #c4c4c4; outline:none; } input[type="radio"] { width:auto; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /* Custom CSS for WP Instagram Widget plugin */ #footer-instagram .instagram-pics li { width:12.5%; display:inline-block; } #footer-instagram .instagram-pics li img { max-width:100%; height:auto; vertical-align:middle; } #sidebar .instagram-pics li { width:32%; display:inline-block; border-bottom:none; padding:0; margin:0; margin-right:2%; } #sidebar .instagram-pics li:nth-of-type(3n+3) { margin-right:0; } /* -------------------------------------- */ /* 14. Slicknav Mobile Menu /* -------------------------------------- */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; line-height: 27px; cursor: pointer; height:27px;} .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em } .slicknav_nav { clear: both } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } .slicknav_menu { font-size:16px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left:10px; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #c2c2c2; } .slicknav_menu { background:#ffffff; padding:6px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 20px; } .slicknav_nav .slicknav_row { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:#777; font-family:"Open Sans", sans-serif; font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { } .slicknav_nav a:hover{ background:#f5f5f5; color:#999; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu .slicknav_no-text { margin-top:7px; } /* -------------------------------------- */ /* 15. WooCommerce Styling /* -------------------------------------- */ /* ----- Shop Page ----- */ .woocommerce-page .post, .woocommerce-page .page { padding-bottom:20px; } .single-product .woocommerce-page .post-entry { padding:0 10px; } .woocommerce-page .post-entry { padding:0 30px; } .woocommerce .page-title { font-size:32px; font-weight:300; margin-bottom:10px; } .woocommerce .woocommerce-result-count { color:#999; font-size:16px; font-style:italic; } .woocommerce .woocommerce-ordering select { padding:7px 9px; color:#999; border-radius:2px; font-size:13px; border:1px solid #e5e5e5; max-width:190px; } .woocommerce .woocommerce-ordering { margin-top: -15px; margin-bottom: 40px; } .woocommerce ul.products li.product .star-rating { margin:0 auto 10px; } /* ----- Shop Page Catalog Items ----- */ .woocommerce ul.products li.product a img { margin-bottom:8px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { color:#000; font-weight:300; padding-bottom:4px; font-size:16px; text-align:center; text-transform:none; letter-spacing:0; } .woocommerce ul.products li.product .price { text-align:center; font-size:12px; color:#888; } .woocommerce ul.products li.product .price del { display:inline; margin-right:3px; } .woocommerce ul.products li.product .price ins { font-weight:400; text-decoration:none; } .woocommerce ul.products li.product .button { display:none; } .woocommerce span.onsale { height:38px; width:38px; line-height:38px; padding:0; font-weight:400; font-size:12px; color:#ffffff; background-color:#222; margin: -.8em -.8em 0 0; } .woocommerce ul.products li.product .onsale { margin: -.8em -.8em 0 0; } /* ----- Shop Page Pagination ----- */ .woocommerce nav.woocommerce-pagination ul { border:none; } .woocommerce nav.woocommerce-pagination ul li { border:1px solid #e5e5e5; margin:0 3px; border-radius:3px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background:#fff; color:#888; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color:#999; font-size:12px; padding:6px 9px; } /* ----- Single Product Page ----- */ .woocommerce div.product .product_title { font-size: 28px; color:#000; } .woocommerce .star-rating { font-size:11px; color:#EF9D87; } .woocommerce .woocommerce-product-rating .star-rating { margin:10px 6px 0 0; } a.woocommerce-review-link { font-size:13px; color:#999; font-style:italic; } .woocommerce div.product .woocommerce-product-rating { margin-bottom:2px; } .woocommerce div.product .entry-summary p.price, .woocommerce div.product .entry-summary span.price { font-size:20px; color:#888; margin:5px 0 38px; position:relative; font-weight:400; font-family:"Oswald"; } .woocommerce div.product .entry-summary p.price:after { content: ""; position: absolute; bottom: -18px; left: 0; height: 1px; width: 44px; border-top: 1px solid; border-color:#d5d5d5; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight:400; text-decoration:none; } .woocommerce div.product div.summary p { margin-bottom: 16px; color:#444; } .woocommerce div.product div.summary p:last-child { margin-bottom:30px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color:#161616; font-size:10px; text-transform:uppercase; letter-spacing:2px; padding:13px 14px 13px 15px; font-weight:400; border-radius:0; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color:#999; } .woocommerce .quantity .qty { padding:10px 4px; margin-right:10px; width:4em; } .woocommerce div.product form.cart div.quantity { margin-right:2px; } .product_meta { color:#949494; font-size: 12px; } .product_meta .sku_wrapper, .product_meta .posted_in, .product_meta .tagged_as { display:block; margin-bottom:2px; } .product_meta a { color:#aaa; } /* ----- Single Product Widths ----- */ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width:48%; box-sizing:border-box; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width:50%; box-sizing:border-box; } .woocommerce div.product div.images, .woocommerce div.product div.summary { margin-bottom:50px; } /* ----- Single Product Tabs ----- */ .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 14px 10px 10px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight:400; font-family:"Oswald"; } .woocommerce div.product .woocommerce-tabs .panel h2, .related.products h2, .upsells.products h2 { margin-bottom:20px; letter-spacing: 1px; font-size: 18px; font-weight: 400; position:relative; font-style:normal; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin-bottom:30px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color:#f4f4f4; border-color:#e2e2e2; border-radius:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-color:#e2e2e2; } /* ----- Attributes ----- */ .woocommerce table.shop_attributes th { font-weight:400; } .woocommerce table.shop_attributes td { padding:10px 0px; } .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes th { border-bottom:none; } .woocommerce table.shop_attributes { border-top:none; } .entry-content th { background:#fff; } .woocommerce table.shop_attributes td { color:#888; } .related.products h2 { margin-bottom:30px; } /* ----- Comments ----- */ .woocommerce #reviews #comments ol.commentlist { padding-left:0; margin-left:0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { position:relative; border:none; background:none; border-radius:100%; height:50px; width:50px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border:none; border-radius:0; margin-left:55px; padding:0 0 0 10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p { margin-bottom:3px; } .woocommerce .comment-text p.meta strong { color:#000; text-transform:uppercase; font-size:12px; letter-spacing:2px; font-family:"Oswald"; font-weight:400; } .woocommerce .star-rating { float:none; margin-bottom:8px; } .woocommerce #reviews #comments ol.commentlist li { border-bottom:1px solid #eee; padding-bottom:25px; list-style:none; } .woocommerce #reviews h3 { margin-bottom:10px; font-style:normal; } .woocommerce #review_form #respond p { margin-bottom:10px; } .woocommerce #review_form #respond textarea { margin-bottom:0; } .woocommerce #reviews #comment { height:120px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { text-transform:uppercase; letter-spacing:2px; background:#e5e5e5; border-radius:0; font-size:11px; color:#888; padding:11px 21px 10px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; font-weight:400; font-family:"Open Sans"; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background:#333; color:#FFF; } .woocommerce-page .post-meta {display:none;} .woocommerce table.shop_table { border-radius:0; } .woocommerce-account .addresses .title h3, .woocommerce-account h2 { font-style:normal; } /* ----- My Account ----- */ .woocommerce-account .addresses .title h3, .woocommerce-account h2 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; } .woocommerce table.my_account_orders th { font-size:11px; text-transform:uppercase; letter-spacing:2px; font-weight:400; padding:10px; } .woocommerce table.shop_table td { border:none; } .woocommerce table.my_account_orders .order-actions .button { padding:7px 14px 8px 16px; font-size:10px; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding:8px 8px; } .woocommerce table.shop_table { margin-bottom:35px; } .woocommerce-page .col2-set.addresses { margin-top:30px; } .woocommerce-page .col2-set.addresses address { color:#888; } p.myaccount_user { margin-bottom:35px; } address { line-height:24px; } .woocommerce-account .addresses .title .edit { font-size:11px; text-decoration:underline; } .woocommerce-MyAccount-navigation ul { padding-left:0; list-style:none; } .woocommerce-MyAccount-navigation ul li { border-bottom:1px solid #e8e8e8; list-style:none; padding-bottom:10px; } .woocommerce-MyAccount-navigation ul li a { color:#888; font-size:14px; } .woocommerce-account .woocommerce-MyAccount-navigation { width:26%; } .woocommerce-EditAccountForm legend { padding: 15px 0 10px 2px; font-weight: 700; } /* ----- Empty Cart ----- */ .cart-empty { text-align:center; } .return-to-shop { text-align:center; } /* ----- Order ID ----- */ .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tbody th { border-bottom:none; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight:400; } mark { background-color:#fff; border-bottom:3px solid #eee; } /* ----- Checkout ----- */ .woocommerce .woocommerce-info:before { color:#888; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { padding: 0.8em 2em 1em 3.5em!important; background-color:#f7f7f7; } .woocommerce .woocommerce-info { border-top-color: #e5e5e5; } a.showcoupon { text-decoration:underline; } .woocommerce-checkout h3 { text-transform: uppercase; font-size: 14px; letter-spacing: 2px; font-style:normal; } input#ship-to-different-address-checkbox { width: auto; vertical-align: middle; } .woocommerce-checkout h3 { margin-top:30px; } .woocommerce-checkout #payment ul.payment_methods li { list-style:none; } .woocommerce-checkout #payment ul.payment_methods li input { width:auto; } .woocommerce-checkout #payment { background-color:#f7f7f7; } .woocommerce-checkout #payment ul.payment_methods { border-bottom:none; } .woocommerce-checkout #payment div.payment_box:before { border:1em solid #ebebeb; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } .woocommerce-checkout #payment div.payment_box { background-color:#ebebeb; color:#888; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border:1px solid #e5e5e5; } /* ----- Order Received ----- */ .woocommerce .order_details li { list-style:none; } .woocommerce .order_details { padding-left:0; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before { top:11px; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color:#e5e5e5; line-height:32px; font-size:14px; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li { margin-bottom:0; } /* ----- Cart ----- */ .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width:100%; } .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th { padding-left:15px; } .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th { border-top:none; } .woocommerce .cart .button, .woocommerce .cart input.button { font-size:10px; padding:8px 14px 9px; } .woocommerce-cart table.cart td.actions .coupon .input-text { padding:4px 6px; margin-right:10px; line-height: 1.3; } .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width:110px; } .woocommerce-cart .cart-collaterals .cart_totals table th { background:#f7f7f7; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding:15px; border-top:1px solid #e5e5e5; } .woocommerce a.remove { color:#999 !important; } .woocommerce a.remove:hover { background:none !important; color:#000 !important; text-decoration:none; } .cart_item a { color:#000; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left:25px; } tr.woocommerce-cart-form__cart-item.cart_item { font-size:13px; } /* ----- Login ----- */ input#rememberme { width: auto; } .woocommerce .login #password { margin-bottom:20px; } .woocommerce .login .button { margin-right:10px; } .woocommerce form .form-row .input-checkbox { width:auto; } .lost_password { font-size:11px; } .woocommerce form .form-row label { font-family: "Open Sans"; font-size: 13px; } .woocommerce-checkout #payment ul.payment_methods li, #add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce ul.order_details, .woocommerce-MyAccount-navigation ul li a { font-family: "Open Sans"; } /* ----- Widgets ----- */ /* ----- Cart Widget ----- */ .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { font-size:16px; line-height:18px; font-weight:700; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-weight:400; color:#000; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:60px; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { margin-bottom:8px; text-align:left; } .widget_shopping_cart .quantity { color:#999; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { margin-bottom:15px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top:1px solid #eee; padding-top:10px; margin-bottom:15px; } .widget_shopping_cart a.button, .woocommerce .widget_price_filter .price_slider_amount .button { font-size:10px; padding:11px 15px 9px; margin:0 5px 0 0; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { top:2px; } /* ----- Product Widgets ----- */ .woocommerce.widget_products ul.product_list_widget li img, .woocommerce.widget_recently_viewed_products ul.product_list_widget li img, .woocommerce.widget_recent_reviews ul.product_list_widget li img, .woocommerce.widget_top_rated_products ul.product_list_widget li img { float:left; margin-left:0; margin-right:14px; width:80px; } .woocommerce.widget_products ul.product_list_widget li, .woocommerce.widget_recently_viewed_products ul.product_list_widget li, .woocommerce.widget_recent_reviews ul.product_list_widget li, .woocommerce.widget_top_rated_products ul.product_list_widget li { margin-bottom:8px; text-align:left; } .woocommerce.widget_products .amount, .woocommerce.widget_recently_viewed_products .amount, .woocommerce.widget_recent_reviews .amount, .woocommerce.widget_top_rated_products .amount { color:#999; } .woocommerce.widget_products span.product-title, .woocommerce.widget_recently_viewed_products span.product-title, .woocommerce.widget_recent_reviews span.product-title, .woocommerce.widget_top_rated_products span.product-title { margin-bottom: 5px; } /* ----- Review Widget ----- */ .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin-top:8px; margin-bottom:3px; } .woocommerce ul.product_list_widget .reviewer { color:#999; font-style:italic; font-size:12px; } /* ----- Filter Widget ----- */ .woocommerce.widget_layered_nav_filters ul li { margin-right:10px; } .woocommerce.widget_layered_nav ul li .count { color:#999; } .woocommerce.widget_layered_nav ul li a:hover{ text-decoration:none; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#f2f2f2; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color:#ccc; } /* ----- Rating Filter ----- */ .woocommerce .widget_rating_filter ul li .star-rating { margin-bottom:0; } .woocommerce .widget_rating_filter ul li a { color:#a5a5a5; } /* ----- Pagination ----- */ .woocommerce nav.woocommerce-pagination { margin-bottom:40px; } /* ----- Product Categories ----- */ .widget_product_categories { text-align:center; } .widget_product_categories .count { color:#999; font-size:13px; } .widget_layered_nav, .widget_rating_filter { text-align:center; } .summary.entry-summary { background: #fff; padding: 30px; box-shadow: 0px 0px 10px 5px rgba(188,188,188,0.1); } .woocommerce-tabs.wc-tabs-wrapper { box-shadow: 0px 0px 10px 5px rgba(188,188,188,0.1); background:#fff; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding:0; background:#eee; } .woocommerce div.product .woocommerce-tabs .panel { padding:0 30px 10px } .woocommerce div.product .woocommerce-tabs ul.tabs li { border:none; background:#eee; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding-bottom:18px; padding-top:18px; color:#888; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:#000; } .comment-form-rating { padding: 10px 0; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: 12px 24px 12px; } .woocommerce #review_form #respond p { margin-bottom:20px; } .woocommerce div.product div.images .flex-control-thumbs li { margin-bottom:10px; padding:0 5px; } .woocommerce div.product div.images .flex-control-thumbs { margin:10px -5px 0; } .woocommerce div.product div.images .flex-control-thumbs li img { opacity:.65; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background-color:#fff; box-shadow: 0px 0px 10px 5px rgba(188,188,188,0.1); padding-bottom:22px; margin-bottom:40px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size:16px; font-weight:400; padding-bottom:6px; } .woocommerce ul.products li.product .price { font-size:14px; font-family:"Oswald"; } .woocommerce ul.products li.product a img { margin-bottom:14px; } .woocommerce .page-title { font-weight:400; } p.stock.out-of-stock { font-weight: 700; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background-color:#fff; box-shadow: 0px 0px 10px 5px rgba(188,188,188,0.1); } /* ----- Header Shopping Cart ----- */ #sp-shopping-cart { float:right; margin-left:5px; line-height:48px; } .cart-contents { position:relative; } .cart-contents:before{ font-family:FontAwesome; content: "\f07a"; font-size:14px; font-style:normal; font-weight:400; padding-right:5px; vertical-align: bottom; color:#c2c2c2; } .cart-contents:hover {text-decoration: none} .cart-contents .sp-count { background:#EF9D87; color:#fff; display:inline-block; width:16px; height:16px; text-align:center; font-weight:700; line-height:16px; border-radius:100%; font-size:10px; position:absolute; top:-4px; right:-7px; font-family:"Open Sans", sans-serif; } /* -------------------------------------- */ /* 16. Gutenberg styling /* -------------------------------------- */ .post-entry ul.wp-block-gallery { padding-left:0; } .wp-block-image figcaption { color:#888; font-size:14px; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding-bottom:10px; font-size:15px; } @media (min-width:600px){ .wp-block-column:nth-child(odd){margin-right:20px} .wp-block-column:not(:first-child),.wp-block-column:nth-child(2n){margin-left:20px} .wp-block-column:not(:last-child){margin-right:20px} } .wp-block-quote, .wp-block-image, .wp-block-media-text, .wp-block-categories, .wp-block-archives { margin-bottom:20px; } /* Blockquote */ .post-entry .wp-block-quote p{ font-size:20px; line-height:30px; position: relative; border-left:none; padding-left:0; z-index:10; } .post-entry blockquote.wp-block-quote { border-left:none; padding:30px 60px; margin: 20px 0 0; } .post-entry blockquote.wp-block-quote p:first-child:before { content: '\201C'; color: #ececec; font-size: 135px; font-weight: 700; position: absolute; top: 26px; left: -39px; text-shadow: none; z-index: -300; } .post-entry blockquote.wp-block-quote cite, .post-entry .wp-block-pullquote blockquote cite { display:block; font-family:Open Sans; font-size:11px; letter-spacing:1px; text-transform:uppercase; } .post-entry blockquote.wp-block-quote cite { margin-top:-10px; text-align:left; } .post-entry blockquote.wp-block-quote cite:before { content:"-"; margin-right:4px; } /* -- Pullquote --- */ .post-entry .wp-block-pullquote { border-top:2px solid; border-bottom:2px solid; border-color:#000; margin-bottom:20px; margin-top:10px; position:relative; padding:30px 10px; } .post-entry .wp-block-pullquote.is-style-solid-color { border:none; } .post-entry .wp-block-pullquote blockquote { border-left:none; } .wp-block-pullquote.is-style-solid-color blockquote { margin:0; max-width:100%; text-align:center; } .post-entry .wp-block-pullquote blockquote p, #main.fullwidth .post-entry .wp-block-pullquote blockquote p{ position:relative; z-index:10; border-left:none; padding-left:0; padding-right:0; } .post-entry .wp-block-pullquote blockquote p:first-child:before { content: '\201C'; color: rgba(255,255,255, .35); font-size: 100px; font-weight: 700; position: absolute; top: 20px; left: -25px; text-shadow: none; z-index: -1; } .post-entry .wp-block-pullquote.is-style-solid-color blockquote p:first-child:before { left:-5px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width:300px; } .wp-block-pullquote.alignright { margin-right:0; margin-left:20px; float:right; } .wp-block-pullquote.alignleft { margin-left:0; margin-right:20px; float:left; } #main.fullwidth.narrow .post-entry .wp-block-pullquote.alignright, #main.fullwidth.narrow .wp-block-image.alignright, #main.fullwidth.narrow .alignright.wp-block-embed { margin-right:-9%; margin-left:30px; } #main.fullwidth.narrow .wp-block-pullquote.alignleft, #main.fullwidth.narrow .wp-block-image.alignleft, #main.fullwidth.narrow .alignleft.wp-block-embed{ margin-left:-9%; margin-right:30px; } .wp-block-pullquote p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.is-style-solid-color blockquote p { margin-bottom:10px; font-size:20px; line-height:32px; } /* Align images */ #main.fullwidth .wp-block-image .alignleft { margin-left:0%; margin-right:30px; } #main.fullwidth .wp-block-image .alignright { margin-right:0%; margin-left:30px; } #main.fullwidth.narrow .wp-block-image .alignleft { margin-left:-9%; } #main.fullwidth.narrow .wp-block-image .alignright { margin-right:-9%; } /* Block cover */ .wp-block-cover .wp-block-cover-text { font-size:2.2em; } /* Button */ .post-entry .wp-block-button a.wp-block-button__link { text-transform:uppercase; letter-spacing:2px; font-size:12px; font-weight:700; padding: 10px 24px; } .post-entry .wp-block-button a.wp-block-button__link:hover { text-decoration:none; opacity:.8; } /* Post block */ .post-entry ul.wp-block-latest-posts { padding: 0px; /*border: 1px solid #e8e8e8;*/ } .post-entry ul.wp-block-latest-posts.is-grid { padding:0; } .post-entry ul.wp-block-latest-posts li { list-style:none; } .post-entry ul.wp-block-latest-posts:not(.is-grid) li { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; } .post-entry ul.wp-block-latest-posts:not(.is-grid) li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .post-entry ul.wp-block-latest-posts.is-grid li { background:#f7f7f7; padding:15px 20px; } .post-entry ul.wp-block-latest-posts li a { color:#000; font-size:20px; display:block; margin-bottom:5px; } .wp-block-latest-posts__post-date { font-size:13px; font-style:italic; color:#888; } /* category/archive block */ .post-entry .wp-block-categories li a, .post-entry .wp-block-archives li a, .post-entry .wp-block-categories li, .post-entry .wp-block-archives li { color:#000; } .wp-block-categories select, .wp-block-archives select { padding: 8px; border: 1px solid #ddd; } /* comments block */ .post-entry ol.wp-block-latest-comments { padding:0; } .wp-block-latest-comments__comment-meta { font-size:18px; color:#999; } a.wp-block-latest-comments__comment-author { color:#000; } a.wp-block-latest-comments__comment-link { color:#999; } .wp-block-latest-comments__comment-date { font-style:italic; margin-top:2px; } .wp-block-latest-comments__comment-excerpt p { font-size:16px; } /* Separator lines */ .wp-block-separator { margin: 35px auto; background:#ddd; height:1px; border: 0; clear: both; } .wp-block-separator:not(.is-style-dots):not(.is-style-wide){ max-width: 180px; } .wp-block-separator.is-style-dots::before { font-size:24px; } /* Dropcap */ .has-drop-cap:not(:focus):first-letter { font-size:5.4em; } /* Align wide and full */ #main.fullwidth .alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); max-width: none; } #main.fullwidth .post-entry .alignwide { max-width: 1080px; width:1080px; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* Fullwidth post layout */ #main.fullwidth .single .post-entry, #main.fullwidth .single .post-entry p { font-size:15px; line-height:26px; } #main.fullwidth .post-entry .alignfull:not(.wp-block-pullquote), #main.fullwidth .post-entry .alignwide:not(.wp-block-pullquote) { padding-top:10px; } #main.fullwidth.post-fullwidth .post-entry h1, #main.fullwidth.post-fullwidth .post-entry h2, #main.fullwidth.post-fullwidth .post-entry h3, #main.fullwidth.post-fullwidth .post-entry h4, #main.fullwidth.post-fullwidth .post-entry h5, #main.fullwidth.post-fullwidth .post-entry h6 { padding-top:10px; } /* Gutenberg responsive */ @media only screen and (min-width: 942px) and (max-width: 1170px) { #main.fullwidth .post-entry .alignwide { max-width:940px; } #main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image .alignleft, #main.fullwidth .alignleft.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignleft, #main.fullwidth.narrow .wp-block-image .alignleft, #main.fullwidth.narrow .alignleft.wp-block-embed { margin-left:0; margin-right:20px; } #main.fullwidth .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image .alignright, #main.fullwidth .alignright.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignright, #main.fullwidth.narrow .wp-block-image .alignright, #main.fullwidth.narrow .alignright.wp-block-embed { margin-right:0; margin-left:20px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { #main.fullwidth .post-entry .alignwide { max-width:726px; } #main.fullwidth .post-entry { padding:0 20px; } #main.fullwidth.narrow .post-entry { max-width:100%; width:100%; padding:0 20px; } #main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image .alignleft, #main.fullwidth .alignleft.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignleft, #main.fullwidth.narrow .wp-block-image .alignleft, #main.fullwidth.narrow .alignleft.wp-block-embed { margin-left:0; margin-right:20px; } #main.fullwidth .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image .alignright, #main.fullwidth .alignright.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignright, #main.fullwidth.narrow .wp-block-image .alignright, #main.fullwidth.narrow .alignright.wp-block-embed { margin-right:0; margin-left:20px; } } @media only screen and (max-width: 767px) { .post-entry blockquote { padding:0; } #main.fullwidth.narrow .post-entry { max-width:100%; width:100%; padding:0 20px; } #main.fullwidth .wp-block-pullquote.alignleft, #main.fullwidth .wp-block-image .alignleft, #main.fullwidth .alignleft.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignleft, #main.fullwidth.narrow .wp-block-image .alignleft, #main.fullwidth.narrow .alignleft.wp-block-embed { margin-left:0; margin-right:20px; } #main.fullwidth .wp-block-pullquote.alignright, #main.fullwidth .wp-block-image .alignright, #main.fullwidth .alignright.wp-block-embed, #main.fullwidth.narrow .wp-block-pullquote.alignright, #main.fullwidth.narrow .wp-block-image .alignright, #main.fullwidth.narrow .alignright.wp-block-embed { margin-right:0; margin-left:20px; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width:240px; } .post-entry blockquote.wp-block-quote { padding:30px; } #main.fullwidth .post-entry .alignwide { max-width:100%; } } /* New Instagram */ /*SMASH BALLOON IG FEED MOBILE STYLINGS*/ @media only screen and (max-width: 767px) { #footer-instagram #sbi_images div:nth-child(11), #footer-instagram #sbi_images div:nth-child(10), #footer-instagram #sbi_images div:nth-child(9), #footer-instagram #sbi_images div:nth-child(8), #footer-instagram #sbi_images div:nth-child(7), #footer-instagram #sbi_images div:nth-child(6), #footer-instagram #sbi_images div:nth-child(5) { display:none !important; } #footer-instagram #sbi_images .sbi_item { width:25% !important; } }